victory-core

What is victory-core?

The victory-core npm package is a part of the Victory library, which is a collection of composable React components for building interactive data visualizations. The core package provides essential utilities and components that are used across the Victory ecosystem.

What are victory-core's main functionalities?

Data Utilities

Victory-core provides utilities for formatting and manipulating data, which can be used to prepare data for visualization.

const { Data } = require('victory-core');
const data = [
  { x: 1, y: 2 },
  { x: 2, y: 3 },
  { x: 3, y: 5 }
];
const formattedData = Data.formatData(data);
console.log(formattedData);

Animation

Victory-core includes components for animating data changes, which can be used to create dynamic and interactive visualizations.

const { VictoryAnimation } = require('victory-core');
const React = require('react');
const { render } = require('react-dom');

const AnimatedComponent = () => (
  <VictoryAnimation duration={1000} data={{ x: 10 }}>
    {(newProps) => {
      return <div>{newProps.x}</div>;
    }}
  </VictoryAnimation>
);

render(<AnimatedComponent />, document.getElementById('root'));

Themes

Victory-core provides theming capabilities, allowing users to apply consistent styles across their visualizations.

const { VictoryTheme } = require('victory-core');
const theme = VictoryTheme.grayscale;
console.log(theme);

Other packages similar to victory-core

recharts

Recharts is a composable charting library built on React components. It provides a wide range of chart types and is known for its simplicity and ease of use. Compared to victory-core, Recharts offers a more extensive set of pre-built chart components but may not be as flexible in terms of customization.

nivo

Nivo provides a rich set of data visualization components built on top of D3 and React. It offers a variety of chart types and is highly customizable. Nivo is similar to victory-core in terms of flexibility and customization but leverages D3 for more complex visualizations.

react-vis

React-vis is a library for data visualization developed by Uber. It provides a set of React components for creating common charts and graphs. React-vis is known for its simplicity and ease of integration with React applications. Compared to victory-core, react-vis may have fewer customization options but is easier to get started with.

README

VictoryCore

victory-core@30.0.0 exports packages that are used by several Victory components:

• VictoryAnimation
• VictoryClipContainer
• VictoryContainer
• VictoryLabel
• VictoryPortal and Portal
• VictoryTheme
• VictoryTransition
• Several primitive components: Arc, Border / Box, Circle, ClipPath, LineSegment (formerly Axis / Grid), Line, Path, Point, Rect, Text, TSpan, Whisker
• Several utilities:
  • addEvents, Axis, Collection, CommonProps, Data, DefaultTransitions, Domain, Events, Helpers, Immutable, LabelHelpers, Log, PropTypes, Scale, Selection, Style, TextSize, Timer, Transitions, Wrapper

Please visit our documentation site to read more about these components https://formidable.com/open-source/victory

To suggest an addition or correction to this documentation please see https://github.com/FormidableLabs/victory/blob/main/docs/src/content/docs